//页面加载
window.onload=function(){
	/*
	 * 获取html元素对象；
	 * 循环方式为每一个li对象添加鼠标移入和移出函数
	 * 2.1鼠标移入:背景随机数变成白色 字体颜色变为黑色 p标签内容显示
	 * 2.2鼠标移出  背景颜色变成#424242，字体颜色变为白色
	 */
	var dom=document.getElementById('dom');
	var list=dom.getElementsByClassName('li');
	for(var i=0;i<list.length;i++){
		list[i].onmouseover=function(){
			//把当前li对象背景改成白色
			this.style.backgroundColor='#fff';
			this.style.color='#000';
			var p=document.getElementById('text');
			p.innerHTML=this.getElementsByTagName('h2')[0].innerText+'月';
		};
		//鼠标移出
		list[i].onmouseover=function(){
			this.style.backgroundColor='#424242';
			this.style.color='fff';
			
		};
	}
};
